<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="../css/other/login.css"/>
		<link rel="stylesheet" type="text/css" href="../css/other/other-common.css"/>
		<link rel="stylesheet" type="text/css" href="../css/other/newring.css"/>
		<script src="../js/touch.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/prefixfree.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/js.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/select.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="web">
			<!--头部-->
			<header>
				<div class="header-title">
					<span>消息</span>
				</div>
			</header>
			
			<!--主体-->
			<section id="message-section">
				<!--待处理事项-->
				<div class="message-item1">
					<div class="message-item1-box">
						<div class="message-item1-left fl">
							<img src="../img/other/message-item1-left.jpg"/>
							<span>待处理事项</span>
						</div>
						<div class="message-item1-right fr">
							<img src="../img/other/newactivity-input-2.png"/>
						</div>
						<div class="message-item1-center">
							没有待处理事项
						</div>
					</div>
				</div>
				
				<div class="message-item1 message-item2">
					<div onclick="showmessage()" class="message-item1-box">
						<div class="message-item1-left fl">
							<img src="../img/other/message-item2-left.jpg"/>
							<span>聚会小助手</span>
						</div>
						<div id="message-item2-right" class="message-item1-right fr">
							<img src="../img/other/newactivity-input-2.png"/>
						</div>
					</div>
					
					<div class="message-item2-list1 message-item2-list2">
						<div class="message-item2-list1-left fl">
							<img src="../img/other/message-item2-list-left.jpg"/>
						</div>
						<div class="message-item2-list1-right fr">
							早上08：40
						</div>
						<div class="message-item2-list1-center">
							<h2>艺术荟小助手<img src="../img/other/message-item2-list-center.jpg"/></h2>
							<p>小助手帮你熟悉艺术荟</p>
						</div>
						<div class="clear"></div>
					</div>
					
					<div id="message-item2-list2-secondchild" class="message-item2-list1 message-item2-list2">
						<div class="message-item2-list1-left fl">
							<img src="../img/other/message-item2-list-left.jpg"/>
						</div>
						<div class="message-item2-list1-right fr">
							早上08：40
						</div>
						<div class="message-item2-list1-center">
							<h2>艺术荟小助手<img src="../img/other/message-item2-list-center.jpg"/></h2>
							<p>小助手帮你熟悉艺术荟</p>
						</div>
						<div class="clear"></div>
					</div>
				</div>
				
				<!--系统消息-->
				<div class="message-item3">
					<div class="message-item3-title">
						系统消息
					</div>
					
					<div id="message-item3-firstchild" class="message-item2-list1 message-item2-list3">
						<div class="message-item2-list1-left fl">
							<img src="../img/other/message-item2-list-left.jpg"/>
						</div>
						<div class="message-item2-list1-right fr">
							早上08：40
						</div>
						<div class="message-item2-list1-center">
							<h2>新通告推荐</h2>
							<p class="message-item2-list3-p">2.18广州广告拍摄招聘</p>
						</div>
						<div class="clear"></div>
					</div>
					
					<div class="message-item2-list1 message-item2-list3">
						<div class="message-item2-list1-left fl">
							<img src="../img/other/message-item2-list-left.jpg"/>
						</div>
						<div class="message-item2-list1-right fr">
							早上08：40
						</div>
						<div class="message-item2-list1-center">
							<h2>新通告推荐</h2>
							<p class="message-item2-list3-p">2.18广州广告拍摄招聘</p>
						</div>
						<div class="clear"></div>
					</div>
					
					<div class="message-item2-list1 message-item2-list3">
						<div class="message-item2-list1-left fl">
							<img src="../img/other/message-item2-list-left.jpg"/>
						</div>
						<div class="message-item2-list1-right fr">
							早上08：40
						</div>
						<div class="message-item2-list1-center">
							<h2>新机构推荐/服务推荐</h2>
							<p class="message-item2-list3-p">2.18广州广告拍摄招聘</p>
						</div>
						<div class="clear"></div>
					</div>
				</div>
			
				<!--评论新粉丝-->
				<div class="message-item4">
					<div class="message-item4-1">
						<div id="message-item4-1-left1" class="message-item4-1-left fl">
							<img src="../img/other/message-item4-pic1.png"/>
						</div>
						<div class="message-item4-1-right fr">
							<img src="../img/other/newactivity-input-2.png"/>
						</div>
						<div class="message-item4-1-center">
							评论
						</div>
						<div class="clear"></div>
					</div>
					
					<div class="message-item4-1">
						<div id="message-item4-1-left2" class="message-item4-1-left fl">
							<img src="../img/other/message-item4-pic2.png"/>
						</div>
						<div class="message-item4-1-right fr">
							<img src="../img/other/newactivity-input-2.png"/>
						</div>
						<div class="message-item4-1-center">
							新粉丝
						</div>
						<div class="clear"></div>
					</div>
					
					<div class="message-item4-1">
						<div id="message-item4-1-left3" class="message-item4-1-left fl">
							<img src="../img/other/message-item4-pic3.png"/>
						</div>
						<div class="message-item4-1-right fr">
							<img src="../img/other/newactivity-input-2.png"/>
						</div>
						<div class="message-item4-1-center">
							赞
						</div>
						<div class="clear"></div>
					</div>
					
					<div class="message-item4-1">
						<div id="message-item4-1-left4" class="message-item4-1-left fl">
							<img src="../img/other/message-item4-pic4.png"/>
						</div>
						<div class="message-item4-1-right fr">
							<img src="../img/other/newactivity-input-2.png"/>
						</div>
						<div class="message-item4-1-center">
							邀约
						</div>
						<div class="clear"></div>
					</div>
					
				</div>
				
				<!--关注-->
				<div class="message-item5">
					
					
					<div id="message-item5-11" class="message-item5-1">
						<div class="message-item5-1-left fl">
							<img src="../img/other/message-item5-pic1.jpg"/>
						</div>
						
						<div id="message-item5-11-right" class="message-item5-1-right fr">
							<div class="message-item5-1-right1">
								置顶
							</div>
							<div onclick="changecontent(this)" class="message-item5-1-right2">关注</div>
						</div>
						
						<div class="message-item5-1-center">
							<p>Digimusic Fanclub→電音迷</p>
							<p>"techno house trance dubstep 工业舞者 電竞毒瘤 電音吾王"</p>
						</div>
					</div>
					<script type="text/javascript">
						var a1 = document.querySelector("#message-item5-11-right");
						a1.style.webkitTransition="all ease 2s";
						
						touch.on("#message-item5-11","touchstart",function(ev){
//							ev.preventDefault();
						})
						
						touch.on("#message-item5-11","swipeleft",function(ev){
							a1.classList.add("message-item5-1-rightt");
						})
						touch.on("#message-item5-11","swiperight",function(ev){
							a1.classList.remove("message-item5-1-rightt");
						})
					</script>
					
					<div id="message-item5-12" class="message-item5-1">
						<div class="message-item5-1-left fl">
							<img src="../img/other/message-item5-pic1.jpg"/>
						</div>
						
						<div id="message-item5-12-right" class="message-item5-1-right fr">
							<div class="message-item5-1-right1">
								置顶
							</div>
							<div onclick="changecontent(this)" class="message-item5-1-right2">关注</div>
						</div>
						
						<div class="message-item5-1-center">
							<p>Digimusic Fanclub→電音迷</p>
							<p>"techno house trance dubstep 工业舞者 LOL電竞五杀摇滚乐队"</p>
						</div>
					</div>
					<script type="text/javascript">
						var a2 = document.querySelector("#message-item5-12-right");
			//			a1.style.webkitTransition="all ease 2s";
						
						touch.on("#message-item5-12","touchstart",function(ev){
//							ev.preventDefault();
						})
						
						touch.on("#message-item5-12","swipeleft",function(ev){
							a2.classList.add("message-item5-1-rightt");
						})
						touch.on("#message-item5-12","swiperight",function(ev){
							a2.classList.remove("message-item5-1-rightt");
						})
					</script>
					
					<div id="message-item5-13" class="message-item5-1">
						<div class="message-item5-1-left fl">
							<img src="../img/other/message-item5-pic1.jpg"/>
						</div>
						
						<div id="message-item5-13-right" class="message-item5-1-right fr">
							<div class="message-item5-1-right1">
								置顶
							</div>
							<div onclick="changecontent(this)" class="message-item5-1-right2">关注</div>
						</div>
						
						<div class="message-item5-1-center">
							<p>Digimusic Fanclub→電音迷</p>
							<p>"techno house trance dubstep 工业舞王"</p>
						</div>
					</div>
					<script type="text/javascript">
						var a3 = document.querySelector("#message-item5-13-right");
			//			a1.style.webkitTransition="all ease 2s";
						
						touch.on("#message-item5-13","touchstart",function(ev){
//							ev.preventDefault();
						})
						
						touch.on("#message-item5-13","swipeleft",function(ev){
							a3.classList.add("message-item5-1-rightt");
						})
						touch.on("#message-item5-13","swiperight",function(ev){
							a3.classList.remove("message-item5-1-rightt");
						})
					</script>
					
				</div>
				
			</section>
			
			<!--脚部-->
			<footer>
				<div class="footer-div">
					<div class="footer-left fl">
						<div class="footer-pic fl">
							<a href="#"><img id="footer-pic1" src="../img/other/index0-footer-pic1.png"/></a>
						</div>
						<div class="footer-pic fr">
							<a href="../activity/recruit.html"><img id="footer-pic2" src="../img/other/index0-footer-pic2.png"/></a>
						</div>
						<div class="clear"></div>
					</div>
					<div class="footer-right fr">
						<div class="footer-pic fl">
							<a href="#"><img id="footer-pic3" src="../img/other/index0-footer-pic3.png"/></a>
						</div>
						<div class="footer-pic fr">
							<a href="../zone/my zone.html"><img id="footer-pic4" src="../img/other/index0-footer-pic4.png"/></a>
						</div>
						<div class="clear"></div>
					</div>
					<div class="footer-center">
						<img onclick="showxiala()" src="../img/other/footer-center.png"/>
					</div>
				</div>
			</footer>
		
			<!--下拉-->
			<div class="cPweb cPweb1">
			
				<div class="commonPublish-title">
					<img src="../img/other/commonPulish-title.jpg"/>
				</div>
				
				<div class="commonPublish-middle">
					<div class="commonPublish-item">
						<div class="commonPublish-item-pic">
							<a href="newactivity.html"><img id="commonPublish-item-pic1" src="../img/other/commonPublish-item-pic1.png"/></a>
						</div>
						<p>发动态</p>
					</div>
					<div class="commonPublish-item">
						<div class="commonPublish-item-pic">
							<a href="newring.html"><img id="commonPublish-item-pic2" src="../img/other/commonPublish-item-pic2.png"/></a>
						</div>
						<p>创建圈子</p>
					</div>
					<div class="commonPublish-item">
						<div class="commonPublish-item-pic">
							<a href="#"><img id="commonPublish-item-pic3" src="../img/other/commonPublish-item-pic3.png"/></a>
						</div>
						<p>扫一扫</p>
					</div>
					
					<div class="commonPublish-item">
						<div class="commonPublish-item-pic">
							<a href="../activity/issue.html"><img id="commonPublish-item-pic4" src="../img/other/commonPublish-item-pic4.png"/></a>
						</div>
						<p>发通告</p>
					</div>
					<div class="commonPublish-item">
						<div class="commonPublish-item-pic">
							<a href="#"><img id="commonPublish-item-pic5" src="../img/other/commonPublish-item-pic5.png"/></a>
						</div>
						<p>发活动</p>
					</div>
				</div>
				
				<div onclick="closecP()" class="commonPublish-bottom">
					<img src="../img/other/commonPublish-bottom.png"/>
				</div>
			</div>
			
		</div>
			
		</div>
		<script type="text/javascript">
			document.body.style.height = window.innerHeight + "px";
		</script>
	</body>
</html>
